* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family:'Segoe UI', sans-serif;
  background:#0d0d0d;
  color:#fff;
}

.hero {
  position:relative;
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 20px;
  background:radial-gradient(circle at center, #2a0a0a, #000);
}

.overlay { position:absolute; inset:0; background:rgba(0,0,0,0.6); }
.hero-content { position:relative; z-index:2; max-width:800px; }

.tagline {
  color:#ffd700;
  font-size:1.5rem;
  margin-bottom:10px;
}

.hero h1 {
  font-size:clamp(2.5rem,6vw,4rem);
  font-weight:800;
}

.sub { margin-top:10px; font-size:1.1rem; }
.scripture { margin-top:15px; color:#ffd700; }

/* FORM */
.form-section {
  display:flex;
  justify-content:center;
  padding:60px 20px;
}

.form-container {
  width:100%;
  max-width:700px;
  padding:40px;
  border-radius:25px;
  background:linear-gradient(135deg,#0a0a0a,#1a1a1a);
  box-shadow:0 0 40px rgba(255,215,0,0.3);
  border:1px solid rgba(255,215,0,0.4);
}

.form-header {
  text-align:center;
  margin-bottom:25px;
}

.form-header h2 {
  color:#ffd700;
  margin-bottom:5px;
}

form {
  display:flex;
  flex-direction:column;
  gap:15px;
}

input, select, textarea {
  padding:14px;
  border-radius:12px;
  border:none;
  background:#111;
  color:#fff;
}

textarea { min-height:120px; }

.btn-primary {
  margin-top:10px;
  padding:15px;
  border-radius:30px;
  background:linear-gradient(135deg,#ffd700,#ffb700);
  border:none;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 0 20px rgba(255,215,0,0.6);
}

#status { text-align:center; margin-top:10px; }

.form-footer {
  margin-top:30px;
  display:flex;
  justify-content:space-between;
  text-align:center;
  font-size:0.9rem;
  gap:10px;
}

.form-footer div span {
  font-size:0.8rem;
  color:#ccc;
}

@media (max-width:600px){
  .form-footer {
    flex-direction:column;
    gap:15px;
  }
}